import mountElement from "./mountElement";
import createDOMElement from "./createDOMElement";
import unmountNode from "./unmountNode";

export default function mountNativeElement(vDom, container, oldDom) {
  // console.log(vDom.component);

  // 判断旧的dom对象是否存在，如果存在的情况下进行删除操作
  // 如果不删除，就会导致节点新旧节点都展示在了界面上
  if (oldDom)  unmountNode(oldDom);
  let newElement = createDOMElement(vDom);

  // 如果component才可以调用setDom方法，把真实dom挂载到虚拟dom身上
  vDom.component?.setDom(newElement);
  container.append(newElement);
}
